<page-header [title]="'违章详情'">

  <ng-template #action><button nz-button (click)="back()"style="float: right"><i class="anticon anticon-rollback" style="font-size: 14px"></i>返回列表</button></ng-template>

</page-header>

<nz-spin [nzSpinning]="loading">

  <nz-card>



    <form nz-form [nzLayout]="'inline'" class="search__form">
      <nz-row [nzGutter]="8">
        <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
        <nz-form-control>
        <input type="text" nz-input placeholder="输入车牌号信息" [(ngModel)]="q.carNo" name="carNo">
        </nz-form-control>
        </nz-form-item>
        </nz-col>
        <!--<nz-col nzMd="4" nzSm="24">-->
        <!--<nz-form-item>-->
        <!--<nz-form-control>-->
        <!--<input type="text" nz-input placeholder="输入车架号" [(ngModel)]="q.frameno" name="frameno">-->
        <!--</nz-form-control>-->
        <!--</nz-form-item>-->
        <!--</nz-col>-->

        <nz-col nzMd="3" nzSm="24">
          <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
        </nz-col>
        <nz-col nzMd="3" nzSm="24">
          <button nz-button nzType='default' style="margin-right: 8px" (click)="exportdetail()"><i class="anticon anticon-export"></i>导出</button>
        </nz-col>

      </nz-row>
    </form>
  </nz-card>

  <simple-table #st
    [columns]="columns"
    [data]="url"
    [ps]="ps"
    [extraParams]="q"
    [resReName]="{ total: 'total', list: 'data'}"
    [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
    toTopInChange
    [showTotal]="true"
    [showPagination]="true"
    [showSizeChanger]="true"
    [scroll]="{  x: '1600px' }"
    (checkboxChange)="checkboxChange($event)"

  >
  </simple-table>

</nz-spin>
